<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
  </head>
  <body>
    <header>
      <span>北京</span>
      <a>
        <img src="./icons/header_search.png" alt="" />
        <p>输入小区名或商圈</p>
      </a>
      <img src="./icons/header_news.png" alt="" />
    </header>
    <div class="banner">
      <img src="./imgs/banner.png" alt="" />
    </div>
    <div class="lunbo">
      <ul>
        <li><img src="./icons/lunbo_active.png" alt="" /></li>
        <li>
          <img src="./icons/lunbo_default.png" alt="" />
        </li>
        <li>
          <img src="./icons/lunbo_default.png" alt="" />
        </li>
      </ul>
    </div>
    <div class="nav">
      <ul>
        <li>
          <a href="#">
            <img src="./icons/nav_1.png" alt="" />
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./icons/nav_2.png" alt="" />
          </a>
        </li>
      </ul>
    </div>

    <div class="title1">
      <h2>超值优惠</h2>
      <a href="#"><img src="./icons/content_icon_next.png" alt="" /></a>
    </div>
    <div class="content1">
      <ul>
        <li>
          <a href="#">
            <img src="./imgs/home_list_tu1@2x.png" alt="" />
            <h4>宝石花园</h4>
            <p>朝阳区-2室1厅-90m³</p>
            <span>¥7800元/月</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./imgs/home_list_tu2@2x.png" alt="" />
            <h4>领袖新规度3号院</h4>
            <p>朝阳区-2室1厅-90m³</p>
            <span>¥12356元/月</span>
          </a>
        </li>
      </ul>
    </div>
    <div class="ad">
      <img src="./imgs/ggwei_home.png" alt="" />
    </div>
    <div class="title2">
      <h2>为您推荐</h2>
      <div class="right">
        <span class="active">
          整租
          <img src="./icons/home_list_selected@2x.png" alt="" />
        </span>
        <span>合租</span>
      </div>
    </div>

    <section>
      <ul>
        <li>
          <a href="#">
            <div class="pic">
              <img src="./imgs/home_list_tu1@2x.png" alt="" />
            </div>
            <div class="text">
              <h3>整租-保利家园7号院1号楼</h3>
              <p>朝阳区 | 12室1厅 | 90m</p>
              <p>距5号线立水桥站1200米,13号线广西南合...</p>
              <p><span>独卫</span> <span>阳台</span></p>
              <div>￥7800 <span>元/月 </span></div>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic">
              <img src="./imgs/home_list_tu2@2x.png" alt="" />
            </div>
            <div class="text">
              <h3>整租-保利家园7号院1号楼</h3>
              <p>朝阳区 | 12室1厅 | 90m</p>
              <p>距5号线立水桥站1200米,13号线广西南合...</p>
              <p><span>独卫</span> <span>阳台</span></p>
              <div>￥7800 <span>元/月 </span></div>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic">
              <img src="./imgs/home_list_tu3@2x.png" alt="" />
            </div>
            <div class="text">
              <h3>整租-东方银座B座</h3>
              <p>朝阳区 | 12室1厅 | 90m</p>
              <p>距5号线立水桥站1200米,13号线</p>
              <p><span>独卫</span> <span>阳台</span></p>
              <div>￥2400 <span>元/月 </span></div>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic">
              <img src="./imgs/home_list_tu4@2x.png" alt="" />
            </div>
            <div class="text">
              <h3>整租-保利家园7号院1号楼</h3>
              <p>朝阳区 | 12室1厅 | 90m</p>
              <p>距5号线立水桥站1200米,13号线广西南合...</p>
              <p><span>独卫</span> <span>阳台</span></p>
              <div>￥7800 <span>元/月 </span></div>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic">
              <img src="./imgs/home_list_tu5@2x.png" alt="" />
            </div>
            <div class="text">
              <h3>整租-天下第一城</h3>
              <p>朝阳区 | 12室1厅 | 90m</p>
              <p>距5号线立水桥站1200米,13号线广西南合...</p>
              <p><span>独卫</span> <span>阳台</span></p>
              <div>￥7800 <span>元/月 </span></div>
            </div>
          </a>
        </li>
      </ul>
    </section>

    <div class="more">
      <a href="#">查看更多优房源</a>
    </div>
    <div class="brand">
      <img src="./imgs/gushirukou_home.png" alt="" />
    </div>

    <footer>
      <ul>
        <li>
          <a href="#" class="active">
            <span class="iconfont icon-home"></span>
            <p>首页</p>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="iconfont icon-search"></span>
            <p>快速找房</p>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="iconfont icon-agent"></span>
            <p>委托代理</p>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="iconfont icon-my"></span>
            <p>我的</p>
          </a>
        </li>
      </ul>
    </footer>

    <script src="./flexible.js"></script>
  </body>
</html>
